import React from 'react';
import banner from '@a/images/login/login.jpg'

import {
  ButtonSty,
} from './StyledLogin'

/* import { 
  BrowserRouter as Router, 
  Route,
  Link
} from 'react-router-dom' */
const Header = (props) => {
  const {  onChageClick, type } = props
  return (
    <ButtonSty>
      <div>
        <img style={{ width: "100%" }}
          src={`${banner}`} alt="" />
      </div>
      <nav>
        <ul>
          <li
            className={type === 'login' ? 'active' : ''}
            onClick={onChageClick('login',type)}
          >登&nbsp;录</li>
          <li
            className={type === 'register' ? 'active' : ''}
            onClick={onChageClick('register',type)}
          >注&nbsp;册</li>
          <li className={type === 'login' ? 'slide' : 'slider right'}
          ></li>
        </ul>
      </nav>
    </ButtonSty>

  );
}
export default Header